<template>
	<view class="CloudInteraction">
		<view :style="{'height': `${statusBarHeight}px`, 'background-color': '#FFF'}"></view>
		<uni-nav-bar backgroundColor="#FFF;" color="#333" title="IHG Event" @clickLeft="goBack" left-icon="left"
			:border="false" />
		<view class="VotingInfoHeader">
			<!-- <image :src="imgSrc" alt="" srcset=""> -->
				<image :src="imgSrc" mode=""></image>
		</view>
	</view>
</template>
<script>
	import {
		HTTP_REQUEST_URL
	} from '@/config/app';

	import {
		contact
	} from "@/api/user";
	export default {
		name: 'aboutUs',
		data() {
			return {
				baseUrl: HTTP_REQUEST_URL,
				statusBarHeight: 44,
				evenId: '',
				imgSrc: ''
			}
		},
		onLoad(o) {
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
			let evenId = o.evenId;
			this.evenId = evenId;
			this.getImg();
		},
		created() {},
		methods: {
			getImg() {
				contact({
					event_id: this.evenId
				}).then(
					response => {
						if (response.data.code == 200) {
							console.log(response)
							this.imgSrc = response.data.data.contact_img
						} else {
							uni.showToast({
								title: response.msg,
								icon: 'none'
							})
						}
					},
					err => {
						console.log(err)
					}
				);
			},
			goBack() {
				uni.navigateBack()
			},
			changeLanguage() {
				if (this.$i18n.locale == 'zh') {
					this.$i18n.locale = 'en';
					uni.setStorageSync('locale', 'en')
				} else {
					this.$i18n.locale = 'zh';
					uni.setStorageSync('locale', 'zh')
				}
			}
		}
	}
</script>
<style lang="scss">
	page {
		background: #fff;
	}

	.VotingInfoHeader {
		width: 100%;
		position: relative;
	}

	.VotingInfoHeader image {
		width: 100%;
		display: block;
	}

	.VotingInfoHeader view {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40upx;
		color: #fff;
	}

	.formText {
		padding: 30upx;
	}

	.formText textarea {
		width: 100%;
		background: #f6f5ef;
		border: none;
		resize: none;
		box-sizing: border-box;
		padding: 30upx;
		height: 227upx;
		border-radius: 8upx;
	}

	.submitCloud {
		width: 100%;
		text-align: center;
		height: 80upx;
		line-height: 80upx;
		border-radius: 80upx;
		margin-top: 100upx;
		background: #d96932;
		color: #fff;
	}

	/* .showNotest{
    height: 1.135rem;
    background: #f6f5ef;
    color: #707372;
    padding: 30upx;
    display: flex;
}
.showNotest img{
    width: 0.14rem;
    height: 0.145rem;
    margin-right: 0.04rem;
    margin-top: 0.02rem;
} */
</style>